<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="妖精的尾巴,妖尾,魔导少年,妖精的尾巴魔导少年">
    <meta name="description" content="《妖精的尾巴：魔导少年》腾讯正版手游，内测撤开启，来吧，一起回到妖精的尾巴。酷炫特效，重新定义回合制；原创主角，演绎全新RPG。">
    <title>妖精的尾巴-魔导少年官网-腾讯游戏</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./style/base.css">
    <link rel="stylesheet" href="./style/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="./js/swiper-3.4.2.min.js">
</head>

<body>
    <!-- "top_box"   顶部-->
    <div class="top_box">
        <ul class="l">
            <li><img src="./images/logo.png" alt="腾讯游戏logo" title="腾讯游戏logo" class="l_img"></li>
            <li>
                <img src="./images/s_img1.jpg" alt="" class="s_img">
                <img src="./images/b_img1.jpg" alt="" class="b_img">
            </li>
        </ul>
        <ul class="r">
            <li>
                <p>箭头</p>
            </li>
            <li>
                <a href="#">
                    腾讯游戏排行榜
                </a>
                <div class="submenu">
                    <div class="left">
                        <h2>新品游戏端排行榜 <span>></span></h2>
                        <ul>
                            <li>
                                <span>1</span>
                                <a href="#">
                                    穿越火线
                                </a>
                            </li>
                            <li>
                                <span>2</span>
                                <a href="#">
                                    英雄联盟LOL
                                </a>
                            </li>
                            <li>
                                <span>3</span>
                                <a href="#">
                                    地下城勇士
                                </a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="#">
                                    FIFA Online4
                                </a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="#">
                                    NBA2K Online2
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="left">
                        <h2>热门端游戏排行榜 <span>></span></h2>
                        <ul>
                            <li>
                                <span>1</span>
                                <a href="#">
                                    穿越火线
                                </a>
                            </li>
                            <li>
                                <span>2</span>
                                <a href="#">
                                    英雄联盟LOL
                                </a>
                            </li>
                            <li>
                                <span>3</span>
                                <a href="#">
                                    地下城勇士
                                </a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="#">
                                    FIFA Online4
                                </a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="#">
                                    NBA2K Online2
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="left">
                        <h2>新品手游排行榜 <span>></span></h2>
                        <ul>
                            <li>
                                <span>1</span>
                                <a href="#">
                                    妄想山河
                                </a>
                            </li>
                            <li>
                                <span>2</span>
                                <a href="#">
                                    和平精英
                                </a>
                            </li>
                            <li>
                                <span>3</span>
                                <a href="#">
                                    穿越火线：枪战王者
                                </a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="#">
                                    火影忍者
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="left">
                        <h2>热门手游排行榜 <span>></span></h2>
                        <ul>
                            <li>
                                <span>1</span>
                                <a href="#">
                                    王者荣耀
                                </a>
                            </li>
                            <li>
                                <span>2</span>
                                <a href="#">
                                    和平精英
                                </a>
                            </li>
                            <li>
                                <span>3</span>
                                <a href="#">
                                    妄想山河
                                </a>
                            </li>
                            <li>
                                <span>4</span>
                                <a href="#">
                                    穿越火线：枪战王者
                                </a>
                            </li>
                            <li>
                                <span>5</span>
                                <a href="#">
                                    火影忍者
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- <ul>
                        <li><h2>新品游戏端排行榜 <span>></span></h2></li>
                    </ul> -->
                </div>
            </li>
            <li><a href="#">成长守护平台</a></li>
            <li><b>圆</b></li>
        </ul>
    </div>
    <!-- "top_box"  end-->

    <!-- "nav_box"  导航-->
    <div class="nav_box">
        <div class="nav">
            <ul>
                <li class="on">
                    <a href="#">
                        <p>图标</p>
                        <h2>官网首页</h2>
                        <span>HOME</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#news_box">
                        <p>图标</p>
                        <h2>妖尾速报</h2>
                        <span>NEWS</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#mage_box">
                        <p>图标</p>
                        <h2>魔导士名录</h2>
                        <span>MAGE UNION</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="./gameDate.html">
                        <p>图标</p>
                        <h2>游戏资料</h2>
                        <span>GAME DATA</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#guide_box">
                        <p>图标</p>
                        <h2>冒险指南</h2>
                        <span>GUIDE</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#video_box">
                        <p>图标</p>
                        <h2>试听中心</h2>
                        <span>VIDEO CENTER</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <p>图标</p>
                        <h2>魔导士联盟</h2>
                        <span>COMMUNITY</span>
                        <img src="./images/nav-line.png" alt="">
                    </a>
                    <ol class="sec">
                        <li>
                            <a href="#">兴趣部落

                            </a>

                        </li>
                        <li>
                            <a href="#">微信公共号
                                <img src="./images/gzhQr.png" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="#">新浪微博

                            </a>
                        </li>
                        <li>
                            <a href="#">微信游戏圈
                                <img src="./images/yxqQr.png" alt="">
                            </a>
                        </li>
                    </ol>
                </li>
                <li>
                    <a href="./login.html">
                        <p>图标</p>
                        <h2>CDKEY兑换</h2>
                        <span>CDKEY</span>
                    </a>
                </li>
            </ul>
            <h3><b>官方客服</b><img src="./images/kfQr.jpg" alt=""></h3>
        </div>
    </div>
    <!-- "nav_box"   end-->

    <!-- "banner"   广告-->
    <div id="banner">
        <img src="./images/sltips.png" alt="" id="pic">
        <div class="mask"></div>
        <div class="text_con">
            <h3 class="poptit">适龄提示</h3>
            <ul>
                <li>1）本游戏是一款玩法相对复杂的角色扮演类游戏，适用于年满12周岁及以上的用户，建议未成年人在家长监护下使用游戏产品。</li>

                <li>2）本游戏改编自知名动漫作品《妖精的尾巴》，内容基于幻想世界观和架空背景，画面为3D卡通风格，角色设计可爱，场景色彩鲜明，配乐轻快活泼。游戏中存在与情节相关的对抗内容，但对抗以非写实的形式出现，不会与现实生活相混淆。游戏中有基于文字和语音的陌生人社交系统。
                </li>

                <li>
                    3）根据国家相关要求，游戏中有用户实名认证系统，未通过实名认证的用户不可进入游戏；认证为未成年人的用户除周五、周六、周日及法定节假日每日20时至21时外其他时间均不可进入游戏。
                    <p>游戏中部分玩法和道具需要付费。根据腾讯健康系统管理规定，认证为未成年人的用户将接受以下管理：</p>
                    <p>未满12周岁的用户不能付费；12周岁以上未满16周岁的未成年人用户，单次充值金额不得超过50元人民币，每月充值金额累计不得超过200元人民币；16周岁以上的未成年人用户，单次充值金额不得超过100元人民币，每月充值金额累计不得超过400元人民币。
                    </p>
                </li>

                <li>4）游戏基于《妖精的尾巴》原作剧情改编，强调勇气、责任、正义和群体归属感，有助于引导玩家积极向上，传递正向价值观。游戏中有丰富的社交系统，包括好友、师徒、家族、公会等，玩家可以组建自己的固定队，和同伴共同完成游戏任务，有助于促进玩家的社会交流，维持良好的社群关系。
                </li>
            </ul>
            <a href="javascript:;" class="close">
                <img src="./images/showtipsclose.png" alt="">
            </a>

        </div>
    </div>
    <!-- "banner"   end-->

    <!-- "news_box"   新闻列表-->
    <div class="news_box">
        <a name="news_box"></a>
        <div class="news">
            <div class="news_l">
                <div class="news_l_t">
                    <img src="./images/news-title.png" alt="新闻资讯">
                    <ul>
                        <li class="on"><a href="#">综合</a></li>
                        <li><a href="#">新闻</a></li>
                        <li><a href="#">公告</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="./newsList.html"> <span>更多&gt;&gt;</span> </a></li>
                    </ul>
                </div>
                <ul class="news_l_b">
                    <h1>《妖精的尾巴：魔导少年》游戏内活动抽奖概率公示</h1>
                    <li>
                        <a href="#">
                            <p><span>[综合]</span><span>【公告】11月26日不停机更新公告</span><time>11-26</time></p>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <p><span>[综合]</span><span>【公告】11月19日不停机更新公告</span><time>11-18</time></p>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <p><span>[综合]</span><span>【公告】11月12日不停机更新公告</span><time>11-11</time></p>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <p><span>[综合]</span><span>【公告】11月5日不停机更新公告</span><time>11-04</time></p>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <p><span>[综合]</span><span>【公告】11月29日不停机更新公告</span><time>10-28</time></p>
                        </a>

                    </li>
                </ul>
            </div>
            <div class="focus">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/news-img1.jpg" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="./images/news-img2.jpg" alt="">
                            </a>
                        </div>

                    </div>
                    <!-- 如果需要分页器 -->
                    <div class="swiper-pagination"></div>
                </div>

            </div>
        </div>
    </div>
    <!-- "news_box"   end-->

    <!-- "mage_box"   魔导士名录-->
    <div class="mage_box">
        <a name="mage_box"></a>
        <div class="mage">
            <div class="mage_top"></div>
            <div class="mage_center">
                <div class="l">
                    <ul class="le">
                        <li class="on">悠</li>
                        <li class="two">雪拉</li>
                    </ul>
                    <ul class="ri">
                        <li>
                            <p>
                                <h1>悠</h1> <small>CV:</small> <small>下野紘</small>
                            </p>
                        </li>
                        <li>
                            <p><span><b>魔法：力量魔法</b></span></p>
                        </li>
                        <li>
                            <p><b>职业定位:</b>物理爆发</p>
                        </li>
                        <li>
                            <p><b>职业介绍:</b>熔岩职业，在速度与封印能力方面是很强的，同时，物理输出能力也是不可小觑的。对战时，因为速度的优势，可以杀敌人一个措手不防，加上极强的封印能力，以及因封印能力而加持的输出，是一个控制与输出并存的职业！
                            </p>
                        </li>
                        <li>
                            <p><b>人物背景:</b>与同为孤儿院出身的修奈是儿时的好玩伴，但在一次外出玩耍时遇到妖魔袭击跌落山崖，被人救走后便失去了记忆。（只记得修奈的脸，但误以为是袭击他的人）</p>
                        </li>
                    </ul>
                </div>
                <div class="c">
                    <img src="./images/role-y.png" alt="">
                </div>
                <div class="r">
                    <ul class="skill">
                        <li>
                            <img src="./images/ry_skill_1.jpg" alt="">
                            <h4>熔岩造型·怒海</h4>
                            <p>对3个目标造成物理伤害，技能额外获得5%的暴击加成，目标在该魔法等级30/50/70时会各增加一个。</p>
                        </li>
                        <li>
                            <img src="./images/ry_skill_2.jpg" alt="">
                            <h4>熔岩造型·炎柱</h4>
                            <p>对敌方1名目标进行物理攻击，如果场上存在自身召唤的熔岩造型，则攻击后给熔岩造型回复其最大生命值25%的生命，同时攻击后熔岩造型会对此技能主目标进行额外攻击。</p>
                        </li>
                        <li>
                            <img src="./images/ry_skill_3.jpg" alt="">
                            <h4>凝岩禁锢</h4>
                            <p>对敌方1名目标进行物理攻击，如果场上存在自身召唤的熔岩造型，则攻击后给熔岩造型回复其最大生命值25%的生命，同时攻击后熔岩造型会对此技能主目标进行额外攻击。</p>
                        </li>
                        <li>
                            <img src="./images/ry_skill_4.jpg" alt="">
                            <h4>熔岩造型·刺棘</h4>
                            <p>对敌方1名目标进行物理攻击，如果场上存在自身召唤的熔岩造型，则攻击后给熔岩造型回复其最大生命值25%的生命，同时攻击后熔岩造型会对此技能主目标进行额外攻击。</p>
                        </li>
                        <li>
                            <img src="./images/ry_skill_5.jpg" alt="">
                            <h4>大地熔毁</h4>
                            <p>对敌方1名目标进行物理攻击，如果场上存在自身召唤的熔岩造型，则攻击后给熔岩造型回复其最大生命值25%的生命，同时攻击后熔岩造型会对此技能主目标进行额外攻击。</p>
                        </li>
                        <li>
                            <img src="./images/ry_skill_6.jpg" alt="">
                            <h4>奥义·业火之轮</h4>
                            <p>对敌方1名目标进行物理攻击，如果场上存在自身召唤的熔岩造型，则攻击后给熔岩造型回复其最大生命值25%的生命，同时攻击后熔岩造型会对此技能主目标进行额外攻击。</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="mage_foot">
                <ul>
                    <li>
                        <p>熔岩</p> <span>熔岩</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>灵蝶</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>换装</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>速度</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>治愈</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>力量</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>文字</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>声波</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>药剂</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>雪舞</span>
                    </li>
                    <li>
                        <p>熔岩</p> <span>守护</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- "mage_box"   end-->

    <!-- "team_box"   最强小队-->
    <div class="team_box">
        <div class="team">
            <div class="top">

            </div>
            <div class="foot">
                <div class="l">
                    <ul>
                        <li>
                            <img src="./images/zq-pic1.png" alt="">
                            <b>箭头</b>
                            <p>纳兹</p>
                            <span>箭头</span>
                        </li>
                        <li>
                            <img src="./images/zq-pic2.png" alt="">
                            <b>箭头</b>
                            <p>露西</p>
                            <span>箭头</span>
                        </li>
                        <li class="on">
                            <img src="./images/zq-pic3.png" alt="">
                            <b>箭头</b>
                            <p>格雷</p>
                            <span>箭头</span>
                        </li>
                        <li>
                            <img src="./images/zq-pic4.png" alt="">
                            <b>箭头</b>
                            <p>艾露莎</p>
                            <span>箭头</span>
                        </li>
                        <li>
                            <img src="./images/zq-pic5.png" alt="">
                            <b>箭头</b>
                            <p>伽吉鲁</p>
                            <span>箭头</span>
                        </li>
                        <li>
                            <img src="./images/zq-pic6.png" alt="">
                            <b>箭头</b>
                            <p>温蒂</p>
                            <span>箭头</span>
                        </li>
                        <li>
                            <img src="./images/zq-pic7.png" alt="">
                            <b>箭头</b>
                            <p>朱毕安</p>
                            <span>箭头</span>
                        </li>
                        <li>
                            <img src="./images/zq-pic8.png" alt="">
                            <b>箭头</b>
                            <p>米拉杰</p>
                            <span>箭头</span>
                        </li>
                    </ul>
                </div>
                <ul class="r">
                    <li><img src="./images/zq-gl-role1.png" alt=""></li>
                    <li><b>格雷</b></li>
                    <li><img src="./images/bg-play.png" alt=""></li>
                    <li>
                        <p>将冰变为各种造型，当做武器来战斗的冰之造型魔导士。
                            他的造型速度非常快，其他造型魔导士根本无法比拟。
                            有喜欢脱衣服的怪癖，但实力在公会中是顶尖水平。</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- "team_box"   end-->

    <!-- "guide_box"   冒险指南-->
    <div class="guide_box">
        <a name="guide_box"></a>
        <div class="guide">
            <div class="top">
                <h1>冒险指南</h1>
            </div>
            <div class="foot">
                <div class="l">
                    <div class="pic">
                    </div>
                    <div class="right">
                        <ul>
                            <li>
                                <h1>最新攻略<small><a href="./guideList.html">更多&gt;&gt;</a></small></h1>
                            </li>
                            <li>
                                <a href="#">
                                    <span>[最新攻略]</span><span>魔法新计划|魔兽大鉴赏，谁是你的菜?</span> <time>10-05</time>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span>[最新攻略]</span><span>魔法快报丨社交新玩法 家园子女震撼来袭！</span> <time>10-05</time>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span>[最新攻略]</span>
                                    <span>魔法星计划丨神兵榜第5期：你需要哪件绝世神兵?</span>

                                    <time>10-05</time>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span>[最新攻略]</span><span>魔法新计划|魔兽大鉴赏，谁是你的菜?</span> <time>10-05</time>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span>[最新攻略]</span><span>魔法新计划|魔兽大鉴赏，谁是你的菜?</span> <time>10-05</time>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <ul class="r">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- "guide_box"   end-->

    <!-- "game_box"   游戏特色-->
    <div class="game_box">
        <div class="game">
            <div class="top">

            </div>
            <div class="fot">
                <ul>
                    <li>
                        <b class="l">
                            <a href="#"></a>箭头</b>
                        <img src="./images/mdt1.jpg" alt="">
                        <img src="./images/swiper-border.png" alt="">
                        <b class="r"><a href="#">箭头</a>
                        </b>
                    </li>
                </ul>
                <ul class="cricle">
                    <li>1</li>
                    <li>2</li>
                    <li class="on">3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- "game_box"   end-->

    <!-- "video_box"   视听盛宴-->
    <div class="video_box">
        <a name="video_box"></a>
        <div class="video">
            <div class="top">
                <h3>视觉盛宴</h3>
                <ul class="l">
                    <li class="on">图片</li>
                    <li>视频</li>
                    <li>音乐</li>
                </ul>
                <ul class="r">
                    <li><a href="#">分享</a></li>
                    <li><a href="#">分享</a></li>
                    <li><a href="#">分享</a></li>
                    <li><a href="#">分享</a></li>
                    <li><a href="./mediaList.html"><small>更多&gt;&gt;</small></a></li>
                </ul>

            </div>
            <div class="fot">
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/video-img1.jpg" alt="">
                            <img src="./images/img-border1.png" alt="">
                            <h4>妖尾公会</h4>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/video-img2.jpg" alt="">
                            <img src="./images/img-border2.png" alt="">
                            <h4>凤仙花村</h4>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/video-img3.jpg" alt="">
                            <img src="./images/img-border3.png" alt="">
                            <h4>哈鲁吉翁</h4>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="./images/video-img4.jpg" alt="">
                            <img src="./images/img-border3.png" alt="">
                            <h4>工会外景</h4>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- "video_box"   end-->

    <!-- "block_box"   底部通道-->
    <div class="block_box">
        <ul class="block">
            <li>
                <a href="#">
                    <h2>微信公众号</h2>
                    <p>妖精的尾巴腾讯手游</p>
                    <span>微信</span>
                    <img src="./images/gzhQr.png" alt="">
                </a>
            </li>
            <li>
                <h2>兴趣部落</h2>
                <p>妖精的尾巴腾讯手游</p>
                <span>微信</span>
            </li>
            <li>
                <h2>官方微博</h2>
                <p>妖精的尾巴腾讯手游</p>
                <span>微信</span>
            </li>
            <li>
                <a href="#">
                    <h2>游戏圈</h2>
                    <p>妖精的尾巴腾讯手游</p>
                    <span>微信</span>
                    <img src="./images/gzhQr.png" alt="">
                </a>
            </li>
        </ul>
    </div>
    <!-- "block_box"   end-->

    <!-- "bottom_box"  底部-->
    <div class="bottom_box">
        <div class="bottom">
            <ul class="bottom_l">
                <li>
                    <img src="./images/foot-dark.png" alt="">
                </li>
                <li>
                    <img src="./images/morefun.png" alt="">
                </li>
                <li>
                    <img src="./images/kodansha.png" alt="">
                </li>
            </ul>
            <div class="bottom_r">
                <ul>
                    <li>
                        <a href="#">
                            <p><span>腾讯互动娱乐</span>&nbsp;|&nbsp;<span>服务条款</span>&nbsp;|&nbsp;<span>隐私保护指引</span>&nbsp;|&nbsp;<span>儿童隐私保护指引</span>&nbsp;|&nbsp;<span>腾讯游戏招聘</span>&nbsp;|&nbsp;<span>腾讯游戏客服</span>&nbsp;|&nbsp;<span>游戏列表</span>&nbsp;|&nbsp;<span>广告服务及商务合作</span>
                            </p>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <p>腾讯公司版权所有 &nbsp;&nbsp;网络游戏行业防沉迷自律公约</p>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <p>COPYRIGHT © 1998 - 2021 TENCENT. ALL RIGHTS RESERVED.</p>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <p><img src="./images/gswj.png"
                                    alt="">工商网监电子标识&nbsp;|&nbsp;粤网文[2020]3396-195号&nbsp;|（署）网出证（粤）字第054号</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>
                                <img src="./images/icplogo.png" alt="">文网游备字〔2017〕Ｍ-RPG 0648
                                号&nbsp;|&nbsp;新广出审[2017]7169号&nbsp;|&nbsp;ISBN
                                978-7-498-00574-8&nbsp;|&nbsp;全国文化市场统一举报电话：12318
                            </p>
                        </a>
                    </li>
                    <li>
                        <p>Based on the manga “Fairy Tail” by Hiro Mashima originally serialized in the weekly Shonen
                            Magazine published by <br> KODANSHA LTD.&copy;Hiro Mashima · KODANSHA/Fairy Tail project ·
                            TV TOKYO. All Rights Reserved.</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- "bottom_box"   end-->

    <script>
        var pic = document.querySelector('#pic');
        var mask = document.querySelector('.mask');
        var text_con = document.querySelector('.text_con');
        var close = document.querySelector('.close');
        pic.onclick = function () {
            mask.style.display = "block";
            text_con.style.display = "block";
        }

        close.onclick = function () {
            mask.style.display = "none";
            text_con.style.display = "none";
        }
    </script>

    <script src="./js/swiper-3.4.2.min.js"></script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            // 方向     水平
            direction: 'horizontal',
            // 循环
            loop: true,
            // 自动播放
            autoplay: 3000,
            // 用户操作，自动轮播还会接着播
            autoplayDisableOnInteraction: false,

            // 如果需要分页器
            pagination: '.swiper-pagination',
            // 小圆点可以单击
            paginationClickable: true,

        })
    </script>
</body>

</html>